<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=10">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>鲜花商城</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="css/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/my.css">
</head>
<body>
    <div class="hwj_flower">
        <div class="hwj_head">
            <div class="hwj_container">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-5">
                            <div class="hidden-sm hidden-xs hwj_head_welcome">Welcome to Flowers shop!</div>
                        </div>
                        <div class="col-sm-7 hidden-xs">
                            <div class="hwj_head_count">
                             <li><a href="login.html">登录</a></li> 
                            </div>
							  <div class="hwj_head_count">
							 <li><a href="register.html">注册</a></li>  
                        </div>
						</div>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="hwj_head_contain">
                        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 ">
                           
                        </div>
                        <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12 hwj_head_logo">
                            <div class="hwj_head_pic">
                                <a href="login.html">
                                    <input type="submit" style='font-size:45px' value="鲜花商城">
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4 col-sm-4 hidden-xs">
                            <div class="hwj_head_form">
                                <form action="#">
                                    <input type="text" placeholder="Search here..." id="input">
                                    <button type="submit" onclick="search()"><span class="glyphicon glyphicon-search "></span></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
				
            </div>
        </div>

        

        <div class="hwj_branch">
            <div class="container">
                <div class="col-xs-12">
                    <ul>
                        <li><a href="index.html"><font size=5> Home &nbsp; </a><span><font size=5>|&nbsp; <a href="cart.html"><font size=5> 购物车&nbsp; </a><span><font size=5>|&nbsp;
						<a href="order.html" style="text-decoration:none"><font size=5> 订单 &nbsp;</a>
						</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="hwj_section">
            <div class="container">
                <div class="row">
                    <div class=" col-xs-12 hwj_section_right">
                        <div class="row">
                            <div id="hwj_sRight_lunbo" class="carousel slide hwj_lunbo_2 clearFix" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <a href="#" style="background-image: url(image/category-img1.jpg)"></a>
                                    </div>
                                    <div class="item">
                                        <a href="#" style="background-image: url(image/category-img2.jpg)"></a>
                                    </div>
                                </div>
                                <a class="left carousel-control" href="#carousel-example-generic"  data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left"></span>
                                </a>
                                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right"></span>
                                </a>
                            </div>
                        </div>
                        <div class="hwj_sRow1_1">
                            <div class="row">
								<h3>Love & Romance</h3>
							</div>
                            <div class="row hwj_sRom_romance" >
                                <!-- <div class="col-md-5 col-sm-12 hwj_sSpan_1" >
                                    <span class="glyphicon glyphicon-th"></span>
                                    <span class="glyphicon glyphicon-th-list"></span>
                                    <span>Product Compare (3)</span>
                                </div> -->
                                <div class="col-md-4 col-sm-6  hwj_sSpan_2 hwj_sSpan_3" >
                                    
                                </div>
                            </div>

                        </div>
                        <div class="hwj_section_main">
                            <ul class="hwj_sMain_product" id="list">
                                
							</ul>
                        </div>




                    </div>
                  </div>
                </div>
            </div>
        </div>

        <div class="hwj_logo">
            <div class="container">
                <div class="hwj_logo_box">
                    <div class="hwj_logo_part1"><img src="image/brand1.png" alt=""></div>
                    <div class="hwj_logo_part2"><img src="image/brand2.png" alt=""></div>
                    <div class="hwj_logo_part3"><img src="image/brand3.png" alt=""></div>
                    <div class="hwj_logo_part4"><img src="image/brand4.png" alt=""></div>
                    <div class="hwj_logo_part5"><img src="image/brand5.png" alt=""></div>
                    <div class="hwj_logo_part6"><img src="image/brand6.png" alt=""></div>
                    <div class="hwj_logo_part7"><img src="image/brand7.png" alt=""></div>
                    <div class="hwj_logo_part8"><img src="image/brand8.png" alt=""></div>
                    <div class="hwj_logo_part9"><img src="image/brand9.png" alt=""></div>
                    <div class="hwj_logo_part10"><img src="image/brand10.png" alt=""></div>
                </div>
            </div>
        </div>

        <div class="hwj_others">
            <div class="container hidden-xs">
                <div class="col-md-3 col-sm-6">
                    <div class="hwj_other_box">
                        <div class="hwj_other_logo1 hwj_other_commen">
                            <span class="glyphicon glyphicon-plane"></span>
                        </div>
                        <div class="hwj_other_content">Fast same day delivery</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="hwj_other_box">
                        <div class="hwj_other_logo2 hwj_other_commen">
                            <span class="glyphicon glyphicon-headphones"></span>
                        </div>
                        <div class="hwj_other_content">Support 24/7 For Clients</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="hwj_other_box">
                        <div class="hwj_other_logo3 hwj_other_commen">
                            <span class="glyphicon glyphicon-thumbs-up"></span>
                        </div>
                        <div class="hwj_other_content">100% Satisfaction Guarantee</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="hwj_other_box">
                        <div class="hwj_other_logo4 hwj_other_commen">
                            <span class="glyphicon glyphicon-tag"></span>
                        </div>
                        <div class="hwj_other_content">Great Daily Deals Discount</div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</body>

<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap/bootstrap.js"></script>
<script src="js/hwj_flower.js"></script>
<script src="js/app/my.js"></script>
<script src="js/app/config.js"></script>
<script>
    $('.hwj_lunbo_1').carousel({
        interval: 6000
    })
    $('.hwj_lunbo_2').carousel({
        interval: 2000
    })
  //获取服务器列表
  request(serverUrl+"/product/list","GET",null,showProduct)
  //商品搜索
  function search(){
	request(serverUrl+"/product/search?target="+document.getElementById("input").value,"GET",null,showProduct);
  }
</script>

</html>